﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="WebUI.Demo.Index" %>
<!Doctype html>
<html xmlns=http://www.w3.org/1999/xhtml>
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>标签演示</title>
    <script src="js/JavaScript.js" type="text/javascript"></script>
    <link href="./css/StyleSheet.css" type="text/css" rel="stylesheet" />
</head>
<body>
    <table style="width:100%; height: 100%; border: 0px solid #e9e9e9; border-collapse: collapse;">
        <tr>
            <td colspan="5" class="indexfooter">
                SiteMateCMS使用导航：
                <a href="javascript:void(0);">标签</a>
                <a href="javascript:void(0);">组件</a>
                <a href="javascript:void(0);">安全</a>
                <a href="javascript:void(0);">BootStrap实例</a>
                <a href="javascript:void(0);">JEasyUI实例</a>
                开源地址：https://sitemate.codeplex.com/
                QQ群：178846115
            </td>
        </tr>
        <tr class="top" style="height: 36px;">
            <th style="width: 13%; height: 36px;">节点[演示数据]</th>
            <th style="width: 15%;">内容[演示数据]</th>
            <th style="width: 12%;">功能区</th>
            <th style="text-align: center; vertical-align: middle;">代码区</th>
            <th style="width: 280px;">效果区</th>
        </tr>
        <tr>
            <td style="background: #e9e9e9;">
                <div class="nav" style="width: 100%; height: 100%; overflow: scroll;">
<script type="text/javascript">
var tree_imgbase = ".";
var Tree = new dTree('Tree');
Tree.add(0, -1, '全站内容', '/demo/');
Tree.add(1, 0, '1.集团概况', 'list.aspx?nodeid=1', '', 'content');
Tree.add(6, 1, '6.集团简介', 'list.aspx?nodeid=6', '', 'content');
Tree.add(7, 1, '7.集团领导', 'list.aspx?nodeid=7', '', 'content');
Tree.add(29, 1, '29.子公司', 'list.aspx?nodeid=29', '', 'content');
Tree.add(31, 29, '31.省歌舞剧院', 'list.aspx?nodeid=31', '', 'content');
Tree.add(36, 31, '36.院团领导', 'list.aspx?nodeid=36', '', 'content');
Tree.add(37, 31, '37.院团简介', 'list.aspx?nodeid=37', '', 'content');
Tree.add(38, 31, '38.品牌剧目', 'list.aspx?nodeid=38', '', 'content');
Tree.add(39, 31, '39.名家名角', 'list.aspx?nodeid=39', '', 'content');
Tree.add(40, 31, '40.新秀秀锐', 'list.aspx?nodeid=40', '', 'content');
Tree.add(32, 29, '32.省花灯剧院', 'list.aspx?nodeid=32', '', 'content');
Tree.add(41, 32, '41.院团领导', 'list.aspx?nodeid=41', '', 'content');
Tree.add(42, 32, '42.院团简介', 'list.aspx?nodeid=42', '', 'content');
Tree.add(43, 32, '43.品牌剧目', 'list.aspx?nodeid=43', '', 'content');
Tree.add(44, 32, '44.名家名角', 'list.aspx?nodeid=44', '', 'content');
Tree.add(45, 32, '45.新秀秀锐', 'list.aspx?nodeid=45', '', 'content');
Tree.add(33, 29, '33.省话剧团', 'list.aspx?nodeid=33', '', 'content');
Tree.add(46, 33, '46.院团领导', 'list.aspx?nodeid=46', '', 'content');
Tree.add(47, 33, '47.院团简介', 'list.aspx?nodeid=47', '', 'content');
Tree.add(48, 33, '48.品牌剧目', 'list.aspx?nodeid=48', '', 'content');
Tree.add(49, 33, '49.名家名角', 'list.aspx?nodeid=49', '', 'content');
Tree.add(50, 33, '50.新秀秀锐', 'list.aspx?nodeid=50', '', 'content');
Tree.add(34, 29, '34.省杂技团', 'list.aspx?nodeid=34', '', 'content');
Tree.add(51, 34, '51.院团领导', 'list.aspx?nodeid=51', '', 'content');
Tree.add(52, 34, '52.院团简介', 'list.aspx?nodeid=52', '', 'content');
Tree.add(53, 34, '53.品牌剧目', 'list.aspx?nodeid=53', '', 'content');
Tree.add(54, 34, '54.名家名角', 'list.aspx?nodeid=54', '', 'content');
Tree.add(55, 34, '55.新秀秀锐', 'list.aspx?nodeid=55', '', 'content');
Tree.add(35, 29, '35.省黔剧院', 'list.aspx?nodeid=35', '', 'content');
Tree.add(56, 35, '56.院团领导', 'list.aspx?nodeid=56', '', 'content');
Tree.add(57, 35, '57.院团简介', 'list.aspx?nodeid=57', '', 'content');
Tree.add(58, 35, '58.品牌剧目', 'list.aspx?nodeid=58', '', 'content');
Tree.add(59, 35, '59.名家名角', 'list.aspx?nodeid=59', '', 'content');
Tree.add(60, 35, '60.新秀秀锐', 'list.aspx?nodeid=60', '', 'content');
Tree.add(61, 29, '61.北京路大剧院', 'list.aspx?nodeid=61', '', 'content');
Tree.add(67, 61, '67.公司领导', 'list.aspx?nodeid=67', '', 'content');
Tree.add(68, 61, '68.公司简介', 'list.aspx?nodeid=68', '', 'content');
Tree.add(62, 29, '62.朝阳影剧院', 'list.aspx?nodeid=62', '', 'content');
Tree.add(69, 62, '69.公司领导', 'list.aspx?nodeid=69', '', 'content');
Tree.add(70, 62, '70.公司简介', 'list.aspx?nodeid=70', '', 'content');
Tree.add(63, 29, '63.河滨剧场', 'list.aspx?nodeid=63', '', 'content');
Tree.add(71, 63, '71.公司领导', 'list.aspx?nodeid=71', '', 'content');
Tree.add(72, 63, '72.公司简介', 'list.aspx?nodeid=72', '', 'content');
Tree.add(64, 29, '64.人民剧场', 'list.aspx?nodeid=64', '', 'content');
Tree.add(73, 64, '73.公司领导', 'list.aspx?nodeid=73', '', 'content');
Tree.add(74, 64, '74.公司简介', 'list.aspx?nodeid=74', '', 'content');
Tree.add(65, 29, '65.演出公司', 'list.aspx?nodeid=65', '', 'content');
Tree.add(75, 65, '75.公司领导', 'list.aspx?nodeid=75', '', 'content');
Tree.add(76, 65, '76.公司简介', 'list.aspx?nodeid=76', '', 'content');
Tree.add(66, 29, '66.文化旅行社', 'list.aspx?nodeid=66', '', 'content');
Tree.add(77, 66, '77.公司领导', 'list.aspx?nodeid=77', '', 'content');
Tree.add(78, 66, '78.公司简介', 'list.aspx?nodeid=78', '', 'content');
Tree.add(30, 1, '30.管理者寄语', 'list.aspx?nodeid=30', '', 'content');

Tree.add(2, 0, '2.资讯中心', 'list.aspx?nodeid=2', '', 'content');
Tree.add(10, 2, '10.集团动态', 'list.aspx?nodeid=10', '', 'content');
Tree.add(9, 2, '9.演艺视讯', 'list.aspx?nodeid=9', '', 'content');
Tree.add(8, 2, '8.公告公示', 'list.aspx?nodeid=8', '', 'content');
Tree.add(11, 2, '11.媒体聚焦', 'list.aspx?nodeid=11', '', 'content');
Tree.add(12, 2, '12.行业动态', 'list.aspx?nodeid=12', '', 'content');
Tree.add(13, 2, '13.法律法规', 'list.aspx?nodeid=13', '', 'content');
Tree.add(14, 2, '14.招贤纳士', 'list.aspx?nodeid=14', '', 'content');

Tree.add(3, 0, '3.商务中心', 'list.aspx?nodeid=3', '', 'content');
Tree.add(15, 3, '15.专题创作', 'list.aspx?nodeid=15', '', 'content');
Tree.add(16, 3, '16.演出承办', 'list.aspx?nodeid=16', '', 'content');
Tree.add(17, 3, '17.活动策划', 'list.aspx?nodeid=17', '', 'content');
Tree.add(18, 3, '18.演艺经纪', 'list.aspx?nodeid=18', '', 'content');
Tree.add(19, 3, '19.设备租赁', 'list.aspx?nodeid=19', '', 'content');
Tree.add(20, 3, '20.演出票务', 'list.aspx?nodeid=20', '', 'content');
Tree.add(21, 3, '21.黔演院线', 'list.aspx?nodeid=21', '', 'content');
Tree.add(79, 3, '79.舞美设计制作', 'list.aspx?nodeid=79', '', 'content');

Tree.add(4, 0, '4.集团品牌', 'list.aspx?nodeid=4', '', 'content');
Tree.add(22, 4, '22.品牌剧目', 'list.aspx?nodeid=22', '', 'content');
Tree.add(23, 4, '23.名家名角', 'list.aspx?nodeid=23', '', 'content');
Tree.add(24, 4, '24.新秀新锐', 'list.aspx?nodeid=24', '', 'content');
Tree.add(25, 4, '25.重要文化活动', 'list.aspx?nodeid=25', '', 'content');

Tree.add(5, 0, '5.客服中心', 'list.aspx?nodeid=5', '', 'content');
Tree.add(26, 5, '26.新手指南', 'list.aspx?nodeid=26', '', 'content');
Tree.add(27, 5, '27.联系方式', 'list.aspx?nodeid=27', '', 'content');
Tree.add(28, 5, '28.留言板', 'list.aspx?nodeid=28', '', 'content');
Tree.add(80, 5, '80.物流服务', 'list.aspx?nodeid=80', '', 'content');
Tree.add(81, 5, '81.支付帮助', 'list.aspx?nodeid=81', '', 'content');
Tree.add(82, 5, '82.常见问题', 'list.aspx?nodeid=82', '', 'content');
Tree.add(83, 5, '83.退款说明', 'list.aspx?nodeid=83', '', 'content');

Tree.add(1001, 0, '1001.全球', 'list.aspx?nodeid=1001', '', 'content');
Tree.add(1002, 1001, '1002.美国', 'list.aspx?nodeid=1002', '', 'content');
Tree.add(1003, 1001, '1003.欧盟', 'list.aspx?nodeid=1003', '', 'content');
Tree.add(1004, 1001, '1004.中国', 'list.aspx?nodeid=1004', '', 'content');
Tree.add(1007, 1004, '1007.北京', 'list.aspx?nodeid=1007', '', 'content');
Tree.add(1008, 1004, '1008.上海', 'list.aspx?nodeid=1008', '', 'content');
Tree.add(1009, 1004, '1009.贵州', 'list.aspx?nodeid=1009', '', 'content');
Tree.add(1013, 1009, '1013.铜仁市', 'list.aspx?nodeid=1013', '', 'content');
Tree.add(1014, 1009, '1014.贵阳市', 'list.aspx?nodeid=1014', '', 'content');
Tree.add(1015, 1009, '1015.遵义市', 'list.aspx?nodeid=1015', '', 'content');
Tree.add(1016, 1009, '1016.安顺市', 'list.aspx?nodeid=1016', '', 'content');
Tree.add(1017, 1009, '1017.黔南州', 'list.aspx?nodeid=1017', '', 'content');
Tree.add(1010, 1004, '1010.广东', 'list.aspx?nodeid=1010', '', 'content');
Tree.add(1011, 1004, '1011.重庆', 'list.aspx?nodeid=1011', '', 'content');
Tree.add(1012, 1004, '1012.天津', 'list.aspx?nodeid=1012', '', 'content');
Tree.add(1005, 1001, '1005.日本', 'list.aspx?nodeid=1005', '', 'content');
Tree.add(1006, 1001, '1006.印度', 'list.aspx?nodeid=1006', '', 'content');
document.write(Tree);
</script>
                </div>
            </td>
            <td><iframe name="content" src="./List.aspx?nodeid=8,9,10"></iframe></td>
            <td style="white-space: nowrap; background: #e9e9e9;">一、节点列表（Node）<br />
                （一）基本元数据生成<br />
                1、<a href="javascript:void(0);" onclick="winopen('DataHtml.aspx');">Html数据</a><br />
                2、<a href="javascript:void(0);" onclick="winopen('DataXml.aspx');">XML数据</a><br />
                3、<a href="javascript:void(0);" onclick="winopen('DataJson.aspx');">Json数据</a><br />
                （二）树结构生成<br />
                1、<a href="javascript:void(0);" onclick="winopen('TreeDtree.aspx');">dtree树（刷新保持状态）</a><br />
                2、Ajax树<br />
                （1）<a href="javascript:void(0);" onclick="winopen('TreeAjaxSync.aspx');">按需异步加载</a><br />
                （2）<a href="javascript:void(0);" onclick="winopen('TreeAjaxAll.aspx');">一次性加载</a><br />
                3、<a href="javascript:void(0);" onclick="winopen('TreeJson.aspx');">Json树</a>[一次性加载]<br />
                4、<a href="javascript:void(0);" onclick="winopen('TreeHtml.aspx');">Html树</a>[一次性加载]<br />
                （三）思维导图[脑图]<br />
                　<a href="javascript:void(0);" onclick="winopen('MMapSimple.aspx');">标签调用</a>
                　<a href="./client/index.html" target="_blank">脑图效果</a><br />
                （四）列表结构<br />
                1、<a href="javascript:void(0);" onclick="winopen('nodelowers.aspx');">所有下级（Lowers）</a><br />[慎用！递归所有节点，低效率]<br />
                2、<a href="javascript:void(0);" onclick="winopen('nodelower.aspx');">下级（Lower）</a><br />
                3、<a href="javascript:void(0);" onclick="winopen('nodeupper.aspx');">上级（Upper）</a><br />
                4、<a href="javascript:void(0);" onclick="winopen('nodeuppers.aspx');">所有上级（Uppers）</a><br />
                5、<a href="javascript:void(0);" onclick="winopen('nodethis.aspx');">本节点（This）</a><br />
                （五）同级<br />
                1、<a href="javascript:void(0);" onclick="winopen('nodelikes.aspx');">同级－包含自身（Likes）</a><br />
                2、<a href="javascript:void(0);" onclick="winopen('nodelike.aspx');">同级－排除自身（Like）</a><br />
                二、内容列表（List）<br />
                （一）各级节点列表展现<br />
                1、<a href="javascript:void(0);" onclick="winopen('ListLowers.aspx');">所有下级（Lowers）</a><br />[慎用！递归所有节点，低效率]<br />
                2、<a href="javascript:void(0);" onclick="winopen('ListLower.aspx');">下级（Lower）</a><br />
                3、<a href="javascript:void(0);" onclick="winopen('ListThis.aspx');">本级（This）</a><br />
                4、同级<br />
                （1）<a href="javascript:void(0);" onclick="winopen('ListLikes.aspx');">包含自身（Likes）</a><br />
                （2）<a href="javascript:void(0);" onclick="winopen('ListLike.aspx');">排除自身（Like）</a><br />
                （二）特殊应用<br />
                1、Where<br />
                三、内容查看（Info）<br />
                1、<a href="javascript:void(0);" onclick="winopen('InfoThis.aspx');">本身（This）</a><br />
                2、同级<br />
                （1）<a href="javascript:void(0);" onclick="winopen('InfoLikes.aspx');">包含自身（Likes）</a><br />
                （2）<a href="javascript:void(0);" onclick="winopen('InfoLike.aspx');">排除自身（Like）</a><br />
                四、路径规则<br />
                1、表现方式：<br />
                （1）文件夹：形如/news/<br />
                （2）节点Id：形如/news/?nid=8<br />
                五、扩展字段<br />
                1、固定扩展字段<br />
                2、自定义扩展字段<br />
            </td>
            <td>
                <table style="width: 100%; height: 100%; border: 1px solid #e9e9e9; border-collapse: collapse;">
                    <tr><td style="height: 36px; text-align: center; vertical-align: middle;"><h2>Aspx中的标签用法示例</h2></td></tr>
                    <tr><td style="height: 420px;"><iframe name="tags"></iframe></td></tr>
                    <tr><td style="height: 36px; text-align: center; vertical-align: middle;"><h2>最终生成Html文件示例</h2></td></tr>
                    <tr><td style="height: 100%;"><iframe name="html"></iframe></td></tr>
                </table>
            </td>
            <td><iframe name="demo"></iframe></td>
        </tr>
    </table>
</body>
</html>